<template>
  <div>
    <img src="/imgs/woniu.jpg" alt="">
    <hr>
    <img src="./imgs/baidu.jpg" alt="">
    <img src="@/imgs/baidu.jpg" alt="">

    <!-- <img src="/imgs/baidu.jpg" alt=""> -->
    <hr>
    <!-- 错误 -->
    <!-- <img src="../public" alt=""> -->
     <hr>
     <!-- 不可以 -->
    <img :src="baidu" alt="">
  </div>
</template>

<script setup>
import { ref } from 'vue';

const baidu = ref('/imgs/baidu.jpg')
</script>

<style lang="scss" scoped>

</style>